import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('FlutterDemo')), 
        body: LayoutDemo()
      ));
  }
}

class LayoutDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return ListView(
      children: <Widget>[
        Card(
          margin: EdgeInsets.all(10),
          child: Column(
            children: <Widget>[
              AspectRatio(
                aspectRatio: 20.0/9.0,
                child: Image.network('https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3363295869,2467511306&fm=26&gp=0.jpg', fit: BoxFit.cover,),
              ),
              ListTile(
                leading: ClipOval(
                  child: Image.network('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1600075389181&di=8aa65fe3a556d686b38fbf462392f55f&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fforum%2Fw%3D580%2Fsign%3Daf1741694836acaf59e096f44cd88d03%2F6773d0a20cf431adaf1741694836acaf2cdd98d9.jpg', 
                    fit: BoxFit.cover,
                    height: 60,
                    width: 60
                  )
                ),
                title: Text('主标题'),
                subtitle: Text('这是一个副标题'),
              )
            ],
          ),
        )
      ],
    );
  }
}
